<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

  <head>
      <title>{{the_title}}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link href="../../static/Assets/Plugins/swiper/swiper.min.css" rel="stylesheet" />
    <link href="../../static/Assets/css/comm.css" rel="stylesheet" />
    <link href="../../static/Assets/css/index.css" rel="stylesheet" />
    <script src="../../static/Assets/Plugins/jquery/jquery-1.11.2.min.js"></script>
    <script src="../../static/Assets/Plugins/swiper/swiper.jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../../static/working/css/index.css"/>
	<link rel="stylesheet" type="text/css" href="../../static/working/css/iconfont.css"/>
      <style type="text/css">div, tr, td, p, a, h1, h2, h3, h4, h5, h6, ul, li {
        margin: 0;
        padding: 0;
      }
      a {
        text-decoration: none;
      }
      img {
        max-width: 100%;
        border: none;
        outline: none;
        text-decoration: none;
        -ms-interpolation-mode: bicubic;
      }
      a img {
        border: none;
      }
    </style>
  </head>

  <body>
      <div class="top_opacity">
        <div class="top">
            <div class="logo">
                <h1>
                    <a href="index.html">天气查询</a>
                </h1>
            </div>
                <div class="top_nav">
                    <a href="{{ url_for('main') }}">首页</a>
                    <a href="{{ url_for('login') }}">登陆</a>
                    <a href="{{ url_for('weather') }}">天气查询</a>
                    <a href="{{ url_for('walking') }}">路径规划-步行</a>
                    <a href="{{ url_for('view_the_log') }}">日志系统</a>
                    <a href="#">搜索</a>
                </div>
        </div>
      </div>
      <br><br><br><br><br><br><br><br>

	<style>
        input::-webkit-input-placeholder{
            color:#ffcc66;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
            color:#ffcc66;
        }

        p{
        	font-size: 15px;
        	color:#ffcc66;
        }
    </style>

	<form method="POST" action="/ob" id="login-box">
	<table class="input-box"  align="center">
		<h1>{{the_title}}</h1>
		<tr class="input-box">
			<td style="color:#ffcc66;width:120px;"><i class="iconfont">&#xe609;</i>&emsp;起始点:</td>
			<td><input type="text" name="address_one" placeholder="请输入您的起始点">
				<p> 如：广东省广州市中山大学南方学院教学楼1号</p>
			</td>
		</tr>
		<tr class="input-box">
			<td style="color:#ffcc66;width:120px;"><i class="iconfont">&#xe605;</i>目的地:</td>
			<p>温馨提醒：这是步行导航，输入目的地距离起始点不要太远哦！</p>
			<td><input type="text" name="address_two" placeholder="请输入您的目的地">
			<p> 如：广东省广州市中山大学南方学院教学楼2号</p>
		</td>

		</tr>

        </table>
        <button type="submit">搜索</button>
        </form>

</body>
</html>















    <div class="foot">
        <div class="foot_child">
            <div class="foot_left">
                <span>Designed By ZhongLi</span>
            </div>
            <div class="foot_right">
                <a href="{{ url_for('login') }}">加入我们</a>
                <a>|</a>
                <a href="#">Nothing</a>
            </div>
        </div>
    </div>
  </body>
    <script type="text/javascript">
        var Weatherlist=[]
      function weatherFind() {
        var city = document.getElementById("cityT").value;
        console.log(city)
        if (city === ""){
            alert("你有问题！请输入城市！")
        } else {
                $.ajax({
                url:"https://restapi.amap.com/v3/weather/weatherInfo",
                type:'POST',
                data: {
                    key:"2c5e812a00f3d177e589bd4162b15249",
                    city:city,
                },
                success:function (resp) {
                    Weatherlist=resp.lives;
                    alert(
                          "城市:"+Weatherlist[0].city+'\n'+
                          "温度:"+Weatherlist[0].temperature+'\n'+
                          "天气:"+Weatherlist[0].weather+'\n'+
                          "风向:"+Weatherlist[0].winddirection+'\n'+
                          "风力:"+Weatherlist[0].windpower+'\n'
                    )
                }
                });
            }
      }
  </script>

</html>
